<template>
	<view>
		<view>
			<u-tabs :list="list" lineColor="#ee0000" @click="tabClick"></u-tabs>
		</view>
		<view @click="goPlayList" class="rank-box">
			<view class="title-box">
				<view class="title">
					{{top_detail.name}}
				</view>
				<view class="count">
					{{top_detail.trackCount}}首
				</view>
			</view>
			<view class="list-box">
				<view class="list-detail" style="display: flex;flex-direction: column;">
					<view style="display: flex;flex: 1;margin-bottom: 20rpx;" v-for="item,index in top_detail.my_tracks"
						:key="index">
						<b style="margin-right: 20rpx;width: 30rpx;text-align: left;">{{index+1}}</b>
						<image :src="item.al.picUrl"></image>
						<view class="song-box">
							<span style="font-size: 26rpx;color: #535353;">{{item.name}}</span>
							<span style="font-size: 20rpx;">{{item.my_ar}}</span>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script src="./rank.js"></script>

<style lang="scss">
	@import "@/pages/rank/rank.scss";
</style>